<!-- gooter top -->
<div class="footer_top">
    <div class="span_of_4">
        <div class="col-md-3 box_4">
            <h4>Shop</h4>
            <ul class="f_nav">
                <li>
                    <a href="#">new arrivals</a>
                </li>
                <li>
                    <a href="#">men</a>
                </li>
                <li>
                    <a href="#">women</a>
                </li>
                <li>
                    <a href="#">accessories</a>
                </li>
                <li>
                    <a href="#">kids</a>
                </li>
                <li>
                    <a href="#">brands</a>
                </li>
                <li>
                    <a href="#">trends</a>
                </li>
                <li>
                    <a href="#">sale</a>
                </li>
                <li>
                    <a href="#">style videos</a>
                </li>
            </ul>
        </div>
        <div class="col-md-3 box_4">
            <h4>help</h4>
            <ul class="f_nav">
                <li>
                    <a href="#">frequently asked questions</a>
                </li>
                <li>
                    <a href="#">men</a>
                </li>
                <li>
                    <a href="#">women</a>
                </li>
                <li>
                    <a href="#">accessories</a>
                </li>
                <li>
                    <a href="#">kids</a>
                </li>
                <li>
                    <a href="#">brands</a>
                </li>
            </ul>
        </div>
        <div class="col-md-3 box_4">
            <h4>account</h4>
            <ul class="f_nav">
                <li>
                    <a href="#">login</a>
                </li>
                <li>
                    <a href="#">create an account</a>
                </li>
                <li>
                    <a href="#">create wishlist</a>
                </li>
                <li>
                    <a href="#">my shopping bag</a>
                </li>
                <li>
                    <a href="#">brands</a>
                </li>
                <li>
                    <a href="#">create wishlist</a>
                </li>
            </ul>
        </div>
        <div class="col-md-3 box_4">
            <h4>popular</h4>
            <ul class="f_nav">
                <li>
                    <a href="#">new arrivals</a>
                </li>
                <li>
                    <a href="#">men</a>
                </li>
                <li>
                    <a href="#">women</a>
                </li>
                <li>
                    <a href="#">accessories</a>
                </li>
                <li>
                    <a href="#">kids</a>
                </li>
                <li>
                    <a href="#">brands</a>
                </li>
                <li>
                    <a href="#">trends</a>
                </li>
                <li>
                    <a href="#">sale</a>
                </li>
                <li>
                    <a href="#">style videos</a>
                </li>
                <li>
                    <a href="#">login</a>
                </li>
                <li>
                    <a href="#">brands</a>
                </li>
            </ul>
        </div>
        <div class="clearfix"></div>
    </div>
    <!-- start span_of_2 -->
    <div class="span_of_2">
        <div class="span1_of_2">
            <h5>need help?
                <a href="#">contact us
                    <span> &gt;</span>
                </a>
            </h5>
            <p>(or) Call us: +22-34-2458793</p>
        </div>
        <div class="span1_of_2">
            <h5>follow us </h5>
            <div class="social-icons">
                <ul>
                    <li>
                        <a href="#" target="_blank"></a>
                    </li>
                    <li>
                        <a href="#" target="_blank"></a>
                    </li>
                    <li>
                        <a href="#" target="_blank"></a>
                    </li>
                    <li>
                        <a href="#" target="_blank"></a>
                    </li>
                    <li class="last2">
                        <a href="#" target="_blank"></a>
                    </li>
                </ul>
            </div>
        </div>
        <div class="clearfix"></div>
    </div>
    <div class="copy">
        <p>Copyright &copy; 2015.Company name All rights reserved.
            <a target="_blank" href="http://sc.chinaz.com/moban/">&#x7F51;&#x9875;&#x6A21;&#x677F;</a>
        </p>
    </div>
</div>